/* 公共样式 和公共组件样式 */
#app {
  width: 750px;
  margin: 0 auto;
  overflow: hidden;
  min-height: 100vh;
}

.font_spill {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.flex_center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.box_sizing {
  box-sizing: border-box;
}

.position_center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
}

.button {
	width: 600px;
	margin: 60px auto 0;
	border-radius: 40px;
	background: @vue_base_color;
	color: #fff;
	height: 80px;
	font-size: 36px;
	font-weight: 900;
}

.input {
  width: 90%;
  margin: 60px auto 0;
}

.input > input {
  height: 80px;
  font-size: 28px;
  width: 100%;
  border: 0;
  border-bottom: 2px solid @vue_base_color;
  background: @vue_bg_color;
}

.tip {
	color: @vue_base_color;
	font-size: 26px;
	text-align: right;
	width: 90%;
	margin: 50px auto 0;
}